<template>
  <div>
    第二种写法{{num}}&&{{n}}
    <button @click="add">+</button>
  </div>
</template>

<script>
import {ref} from 'vue'
export default {
    setup(){//v3将数据类型做了区分 简单数据类型（值类型）和复杂数据类型（引用类型）
        //针对于响应式使用 如果不需要可不需要引用
        let num = 10;
        let n = ref(100)
        let add = ()=>{
            num++
            n.value++
            console.log(n,num);
        }
        return {num,n,add}

    }
}
</script>

<style>

</style>